-# coding: utf-8
!!!
%html{debug: "true"}
  %head
    %meta{content: "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
    %meta{charset: "utf-8"}/
    %meta{content: "IE=edge", "http-equiv" => "X-UA-Compatible"}/
    %title Las Nectarinas
    %link{href: "stylesheets/style_add.css", media: "all", rel: "stylesheet", type: "text/css"}/
    %link{href: "stylesheets/style.css", media: "all", rel: "stylesheet", type: "text/css"}/
    %link{href: "stylesheets/bootstrap.min.css", rel: "stylesheet"}/
    %link{href: "stylesheets/bootstrap-responsive.min.css", rel: "stylesheet"}/
    %link{href: "stylesheets/font-awesome.min.css", rel: "stylesheet"}/
    %link{href: "stylesheets/bootswatch.css", rel: "stylesheet"}/
    %link{href: "stylesheets/camilo.css", rel: "stylesheet"}/
    %link{href: "stylesheets/jimgMenukwicks.css", rel: "stylesheet", type: "text/css"}/
    %script{src: "javascripts/jquery.js", type: "text/javascript"}
    %script{src: "javascripts/jquery-easing-1.3.pack.js", type: "text/javascript"}
    %script{src: "javascripts/jquery-easing-compatibility.1.2.pack.js", type: "text/javascript"}
    %script{src: "javascripts/jquery.kwicks-1.5.1.pack.js", type: "text/javascript"}
    :javascript
      $().ready(function() {
        $('.jimgMenu ul').kwicks({
          max : 310,
          duration : 300,
          easing : 'easeOutQuad'
        });
      });
  %body{style: ""}
    %div{id: ""}
      %div
        %div
          %a.header-logo-nect{href: "/", title: "Inicio"} Las Nectarinas
          /
            <div class="divider-vertical"></div>
            
            <ul id="user-links" class="nav pull-right">
            <haml_silent>            if current_account
            </haml_silent><haml_block>            <li>
            <a href="/coming_expirations" class="name"> <img src="<haml_loud> current_account.image_m </haml_loud>" width="25" height="25"><haml_loud> current_account.friendly_name </haml_loud></a>
            </li>
            
            <li>
            <div class="divider-vertical"></div>
            </li>
            
            <li>
            <a rel="tooltip" href="/profile" id="account_settings" class="tooltipped downwards" title="Account settings"> <img src="images/settings.png" width="16" height="16"></a>
            </li>
            
            <li>
            <a href="/logout" id="logout" class="tooltipped downwards" title="Sign out"><img src="images/log-out.png" width="16" height="16"></a>
            </li>
            </haml_block>         </ul>
      .site.hfeed{itemscope: "", itemtype: "http://schema.org/WebPage"}
        %section#content= yield
      .modal-backdrop
    / end of wrapper - hack for sticky footer
    #footer-push
    / hack for sticky footer
    / footer
    #footer
    / /.#footer